* {
    margin: 0 auto;
    padding: 0 0;
}

.content {
    position: relative;
    width: 100vw;
    background-color: #d9d9d9;
    top: 0.534vw;
    padding-bottom: 8vw;
    overflow: hidden;
}


/* 用户信息 */

.userinfo {
    position: relative;
    height: 16vw;
    width: 100vw;
    background-color: #3a53d3;
    border-radius: 1.334vw;
    display: flex;
}

.userinfo .infoleft {
    flex: 1.2;
}

.userinfo .infoleft .info_top {
    height: 10.134vw;
    margin-top: 0.266vw;
}

.userinfo .infoleft .info_bottom {
    height: 5.866vw;
    font-size: 3.466vw;
    color: white;
    text-align: center;
    margin-top: 0.534vw;
}

.info_top ul li:first-child {
    float: left;
    height: 10.134vw;
    background-image: url('../img/userimg.png');
    background-size: 100%;
    width: 10.134vw;
    list-style: none;
    margin-left: 2.134vw;
}

.info_top ul li:last-child {
    float: left;
    list-style: none;
    color: white;
    height: 10.134vw;
    line-height: 10.134vw;
    font-size: 5.6vw;
    margin-left: 2.666vw;
}

.userinfo .infomiddle {
    flex: 1.2;
    font-size: 5.866vw;
    color: white;
    text-align: center;
    padding-top: 5.066vw;
}

.userinfo .inforight {
    flex: 1;
    overflow: hidden;
}

.userinfo .inforight .exit {
    height: 7.734vw;
    background-image: url('../img/exit.png');
    background-repeat: no-repeat;
    position: relative;
    width: 17.866vw;
    background-size: 100%;
    margin: 3.466vw auto 0;
    overflow: hidden;
}

.userinfo .inforight .fleetinfo {
    position: absolute;
    height: 5.334vw;
    /* width: 32vw; */
    width: 48vw;
    font-size: 3.2vw;
    color: white;
    overflow: hidden;
    transform: scale(0.8);
    text-align: right;
    left: 56vw;
}


/* 提示信息 */

.tips {
    height: 6.934vw;
    width: 96.266vw;
    box-sizing: border-box;
    margin: 0 auto;
    background-color: white;
    position: relative;
    border-radius: 4.266vw;
    top: 3.2vw;
    padding: 0 3.2vw;
}

.container {
    width: 96.266vw;
    box-sizing: border-box;
    margin: 0 auto;
    background-color: white;
    position: relative;
    border-radius: 2.4vw;
    top: 6.4vw;
}

.top {
    position: relative;
    top: 1.334vw;
    margin: 0.534vw auto;
    width: 93.334vw;
    height: 5.334vw;
}

.tips div:first-child {
    float: left;
    font-size: 4vw;
    line-height: 6.934vw;
}

.tips div:first-child span {
    color: #e6645e;
    font-size: 4.8vw;
}

.tips div:last-child {
    float: right;
    font-size: 4vw;
    line-height: 6.934vw;
}

.tips div:last-child span {
    color: #3a53d3;
    font-size: 4.8vw;
}

.top div:first-child {
    float: left;
    color: #e6645e;
    font-size: 2.666vw;
    line-height: 5.334vw;
}

.top div:last-child {
    float: right;
    color: #3a53d3;
    font-size: 2.666vw;
    line-height: 5.334vw;
}


/* 小票列表 */

.content_list .list1 {
    height: 29.334vw;
    width: 96.266vw;
    background-image: url(../img/bg1.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 1.066vw auto;
    list-style: none;
    display: flex;
}

.list_left {
    flex: 1.06;
    text-align: center;
    line-height: 20vw;
    font-size: 10.134vw;
    font-weight: 350;
    box-sizing: border-box;
}

.list_middle {
    flex: 1.8;
    color: white;
}

.list_middle1 {
    flex: 1.8;
    color: black;
}

.list_middle2 {
    flex: 1.5;
    color: white;
}

.list_middle_top {
    margin-top: 5.066vw;
    height: 9.066vw;
    font-size: 4.8vw;
    line-height: 9.066vw;
    overflow: hidden;
    font-weight: 450;
    margin-left: 3.2vw;
}

.list_middle_middle {
    height: 4.534vw;
    font-size: 3.734vw;
    line-height: 4.534vw;
    overflow: hidden;
    font-weight: 450;
    margin-left: 3.2vw;
}

.list_middle_bottom {
    font-size: 3.2vw;
    overflow: hidden;
    transform: scale(0.8);
    margin-left: -1.6vw;
}

.list_right {
    flex: 1;
}

.list_right_top1 {
    margin-top: 3.2vw;
    height: 15.2vw;
    width: 15.2vw;
    background-image: url('../img/2.jpg');
    background-size: 100%;
}

.list_right_top2 {
    margin-top: 3.2vw;
    height: 15.2vw;
    width: 15.2vw;
    background-image: url('../img/21.jpg');
    background-size: 100%;
}

.list_right_bottom1 {
    background-color: tomato;
    border-radius: 2.667vw;
    text-align: center;
    width: 17.067vw;
    color: white;
}

.list_right_bottom2 {
    background-color: #8b898a;
    border-radius: 2.667vw;
    text-align: center;
    width: 17.067vw;
    color: white;
}

.youhuichuo1 {
    height: 16.533vw;
    width: 16.533vw;
    border: 0.533vw solid rgb(234, 128, 125, 3);
    border-radius: 50%;
    position: absolute;
    box-sizing: border-box;
    margin: 8.533vw 0vw 0vw 8vw;
}

.youhuichuo2 {
    height: 16.533vw;
    width: 16.533vw;
    border: 0.533vw solid rgb(148, 148, 148, 3);
    border-radius: 50%;
    position: absolute;
    box-sizing: border-box;
    margin: 8.533vw 0vw 0vw 8vw;
}

.youhui_top1 {
    text-align: center;
    color: rgb(234, 128, 125);
    font-size: 3.467vw;
    margin-top: 3.733vw;
}

.youhui_top2 {
    text-align: center;
    color: #949494;
    font-size: 3.467vw;
    margin-top: 3.733vw;
}

.youhui_bottom {
    text-align: center;
    color: rgb(234, 128, 125);
    font-size: 4.8vw;
}

.content_list .list2 {
    height: 29.333vw;
    width: 96.267vw;
    background-image: url('../img/bg2.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 1.067vw auto;
    list-style: none;
    display: flex;
}

.list1_CouponStatus {
    color: #949494;
}

.list2_CouponStatus {
    color: #949494;
}

.list3_CouponStatus {
    color: #949494;
}

.content_list .list3 {
    height: 29.333vw;
    width: 96.267vw;
    background-image: url('../img/bg3.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 1.067vw auto;
    list-style: none;
    display: flex;
}


/* 历史任务小票 */

.list_right_bottom_histry {
    background-color: #8b898a;
    border-radius: 2.667vw;
    text-align: center;
    width: 17.067vw;
    color: #da4948;
}


/* 小票详情 */

.ReceiptdDetail {
    width: 100%;
    position: fixed;
    top: 0vw;
    z-index: 1;
    overflow: hidden;
    height: 196.267vw;
    background-color: rgba(0, 0, 0, 0.3);
}

.ReceiptdDetail table {
    position: relative;
    width: 92.267vw;
    top: 20vw;
    overflow: hidden;
    box-sizing: border-box;
    padding-top: 1.333vw;
    padding-bottom: 2.667vw;
    background-color: #ffffff;
    border-radius: 2.4vw;
    /* box-shadow: 0 0 0 5.333vw rgba(192, 188, 188, 0.7); */
}

.ReceiptdDetail table tr td {
    border-bottom: 0.533vw solid #b5b5b5;
    margin: 0 auto;
    height: 7.2vw;
    display: flex;
    overflow: hidden;
    padding-left: 3.2vw;
    font-size: 4.533vw;
}

.ReceiptdDetail table tr td div:first-child {
    flex: 1.4;
}

.ReceiptdDetail table tr td div:last-child {
    flex: 1;
}

.ReceiptdDetail table tr:first-child td {
    color: #f44c4b;
    height: 9.333vw;
}

.ReceiptdDetail table tr:nth-child(2) td {
    font-size: 4.8vw;
    font-weight: 550;
    overflow: hidden;
}

@font-face {
    font-family: "aui_iconfont";
    src: url('aui-iconfont.ttf') format('truetype');
}

.aui-iconfont {
    position: relative;
    font-family: "aui_iconfont" !important;
    font-size: 1.1rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.aui-icon-correct:before {
    content: "\e6e5";
}

.ReceiptdDetail table tr:first-child td div:nth-child(2) .error {
    background-repeat: no-repeat;
    box-sizing: border-box;
    height: 7.2vw;
    width: 7.2vw;
    font-weight: 700;
    background-size: 100%;
    margin-right: 2.667vw;
    background-color: red;
    border-radius: 3.6vw;
    text-align: center;
    line-height: 7.2vw;
    color: white;
}

.loading {
    display: flex;
    height: 5.333vw;
    margin-bottom: 5.333vw;
}

.gif {
    height: 5.333vw;
    width: 5.333vw;
    background-image: url('../img/loding.gif');
    background-size: 9%;
    background-position-x: right;
    background-repeat: no-repeat;
    box-sizing: border-box;
    flex: 0.8;
}

.loading .loadingText {
    font-size: 3.2vw;
    line-height: 5.333vw;
    flex: 1;
}